<template>
    <div class="container">
      <div class="header flex-yc flex-xbt">
        <h2>评论管理</h2>
      </div>
      <div style="margin-top: 20px">
        <el-tabs v-model="activeName"  @tab-click="handleTabClick" class="tabls">
                <el-tab-pane label="全部" name="first">
                  <comment/>
                </el-tab-pane>
                <el-tab-pane label="所有评价" name="second">所有评价</el-tab-pane>
                <el-tab-pane label="好评" name="third">好评</el-tab-pane>
                <el-tab-pane label="中评" name="fourth">中评</el-tab-pane>
                <el-tab-pane label="差评"  name="fouxrth2" >差评</el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </template>
  
  <script setup lang="ts">
  import { onMounted, reactive, ref } from 'vue'
  const activeName=ref('first')
  import comment from '@/pages/member/views/mall/components/comment.vue'
  import {  useRouter } from 'vue-router';
  const router = useRouter()
  const searchKeyword = ref<string>('')
  const addTopic = ref<boolean>(false)

  const onInputChange = (val: string) => {
    searchKeyword.value = val
  }
  
  const shopform=reactive({
    shopname:""
  })
  const handleTabClick=(name)=>{
    console.log(name)
  }
  const editShop=()=>{

  }
  onMounted(() => {
    
  })
  
  const golink = (id:string) => {
    router.push({ path: '/member/mall/shopedit', query: { id } })
  };


  
  const onAddSpread = (val: boolean) => {
    return new Promise((resolve, reject) => {
      reject()
    })
  }
  

  const onAddTopic = () => {
    addTopic.value = true
  }
  </script>
  
  <style scoped lang="scss">
  .tabls{
       :deep{
        .el-tabs__item{
            padding: 20px 25px;
            font-size: 16px;
            color: #8691A3;
            cursor: pointer;
        }
        .is-active{
          color:#3AACE3
        }
       } 
  }
  .container {
    background-color: #fff;
    padding: 16px;
    border-radius: 8px;
  
    .header {
      font-size: 20px;
      color: #021429;
      font-weight: bold;
    }
  }
  </style>
  